<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <link rel="stylesheet" href="/css/shopcar.css">
    <link rel="stylesheet" href="/libs/font_cvv537byqg7/iconfont.css">
</head>

<body>
    <header></header>
    <section>
        <div class="shopcar-top">
            <p>
                <i class="iconfont">&#xe602</i>
                <span>我的购物车</span>
            </p>
        </div>
        <div class="main">
            <div class="main-top">
                <p id="thead">
                    <span>
                        <input type="checkbox" id="allbutton">
                        全选
                    </span>
                    <span>商品信息</span>
                    <span>单价</span>
                    <span class="dv">数量</span>
                    <span class="dv">小计</span>
                    <span class="dv">操作</span>
                </p>
            </div>
            <div class="main-bottom">
                <div class="main-bottom-ul" id="cart-body">
                </div>
                <script type="text/html" id="cart-body-template">
                {{each cart shop}}
                <ul  data-id="{{shop.id}}" class="shop-top" id="{{shop.id}}">
                        <li>
                            <input class="check" type="checkbox" {{shop.check ? 'checked': ''}} >
                        </li>
                        <li>
                            <a href="/html/details.html?id={{shop.id}}"><img src="{{shop.images[0].img}}"></a>
                        </li>
                        <li>
                            {{shop.title.slice(0,7) + '...'}}
                        </li>
                        <li>
                            ￥{{shop.price}}
                        </li>
                        <li>
                            <span class="jian" onselectstart="return false">-</span>
                            <span class="cartNum" onselectstart="return false">{{shop.count}}</span>
                            <span class="jia" onselectstart="return false">+</span>
                        </li>
                        <li class="xiaoji">
                            ￥{{shop.price*shop.count}}
                        </li>
                        <li>
                            <span class="delete">删除</span>
                            <!-- <div>
                             <p>买不起也可以看看，是否继续删除</p>
                            <button>否</button>
                            <button>否</button>
                            </div> -->
                        </li>
                    </ul>
                    {{/each}}
            </script>
                <div class="kong" id="empty-car">
                    <div class="kong-img"></div>
                    <div class="kong-shop">
                        <p>商品正在火速赶来</p>
                        <a href="/" target="_self">去逛逛</a>
                    </div>
                </div>
            </div>
            <div class="payBox" id="payBox1">
                <ul class="payBox-b">
                    <li><span>已选商品总价：</span><i id="payMoney"></i></li>
                    <li>提交订单</li>
                </ul>
            </div>
        </div>
        <div class="serve">
            <div class="serve-main">
                <h3>联系我们</h3>
                <ul>
                    <li>电子邮箱至客服中心或致电</li>
                    <li>800-820-2887</li>
                    <li>400-890-2887</li>
                    <li>客服时间：星期一~星期天9AM~10PM</li>
                    <li>客服邮箱：consumerservice@newbalance.com</li>
                </ul>
            </div>
        </div>
    </section>
    <footer></footer>
    <script src="/libs/requirejs/require.min.js" data-main="/js/shopcar"></script>
</body>

</html>